<style>
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
body{margin:0; padding:0;}
.header-slider{float:left;width:100%;overflow:hidden;}
.header-slider button.slick-arrow{position:absolute;z-index:2;top:0;bottom:0;height:50px;width:50px;background:#fff;z-index:99999;border:none;margin:auto;font-size:0;text-align:center;outline:none;cursor:pointer;}
.header-slider .img-fill{position:relative;height:100%;}
.header-slider .img-fill img{height:100%;width:100%;object-fit:cover;animation:myMove 10s linear infinite;}
.header-slider .header-slider-item{height:25rem;overflow:hidden;outline:none;}
.header-slider button.slick-next.slick-arrow{right:0;left:auto;}
.header-slider button.slick-arrow:before{content:"\f104";top:0;left:0;margin:auto;font-family:fontawesome;font-size:18px;}
.header-slider button.slick-next.slick-arrow:before { transform:  scaleX(-1); display:  block;}
.header-slider .img-fill:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#151515;opacity:0.5;}



.header-slider .header-slider-item .contain-wrapper{position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;display:flex;align-header-slider-items:center;justify-content:center;text-align:center;}
.header-slider .header-slider-item .contain-wrapper .dots-contain{display:none;}
.header-slider .header-slider-item h3{margin:0px;color:#fff;font-size:84px;font-weight:300;text-transform:capitalize;}
.header-slider .header-slider-item{color:#fff;font-family:'Roboto',sans-serif;}
.header-slider .header-slider-item  h5{font-size:32px;font-weight:300;padding:10px 0 0;margin:0;text-transform:capitalize;}
.header-slider .header-slider-item h5 span{color:#00BCD4;}
.header-slider .header-slider-item h3 span{color:#00BCD4;}
.header-slider .header-slider-item p{animation:fadeOutRight 1s both;}
.header-slider .header-slider-item.slick-active p{animation:fadeInDown 1s both 1s;}
.header-slider .header-slider-item  a{animation:fadeOutLeft 1s both;}
.header-slider .header-slider-item.slick-active a{animation:fadeInLeft 1s both 1.5s;}


@keyframes myMove{
  from{transform:scale(0.8,0.8);transform-origin:50% 50%;}
  to{transform:scale(1.5,1.6);transform-origin:50% 0%;}
}
@keyframes Slick-FastSwipeIn{
  0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);}
  100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
}

@keyframes in-left{
  from{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-left{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,1,0,86deg);transform:rotate3d(0,1,0,86deg);}
}
@keyframes in-right{
  from{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg);}
  to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
}
@keyframes out-right{
  from{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);}
  to{-webkit-transform:rotate3d(0,-1,0,86deg);transform:rotate3d(0,-1,0,86deg);}
}

